<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
        <title></title>
        <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet/less" type="text/css" href="styles.less">
        <script src="http://cdn.bootcss.com/less.js/1.7.4/less.js" type="text/javascript"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
        <style>
            body
            {
                

                margin-top:5px;
                background-color: #394F63;
            }
            #topFrame
            {
                width: 1000px;
                height: 60px;

                background-color: #394F63;

                padding-left: 80px;
            }
            #topFrame>
            img,
            #topFrame>
            div
            {
                float: left;

                color: #FFFFFF;

                
                margin-left: 40px;
                margin-right: 40px;
            }
            #topFrame>
            div
            h4
            {
                padding-top:15px;
            }
            .row
            {
                width: 1300px;
                
                margin: auto;
            }
            #bodyFrame
            {
                width: 1300px;
                height:670px;

                background-color: #F1F1F2;

                padding-top: 20px;
                padding-bottom: 80px;
            }
            #mainFrame
            {
                width: 1300px;

            }
            
            #leftFrame
            {
                width: 150px;
                height: 550px;
                float: left;

                padding-top: 10px;
                padding-left: 10px;
                padding-right: 10px;
            }


            #rightFrame
            {
                float: left;

                background-color: #F1F1F2;

                padding-left: 40px;
            }
            

            #footFrame
            {
                width: 1300px;

                background-color: #F1F1F2;
                padding-bottom: 15px;
            }
            #footFrame>
            div
            {
                width: 100%;

                margin-left: auto;
                margin-right: auto;
            }
            
            a:link 
            {
             color: #FFFFFF;
             text-decoration: none;
            }
            a:visited 
            {
             color: #FFFFFF;
             text-decoration: none;
            }
            a:hover 
            {
             color: #FFFFFF;
             text-decoration: underline;
            }
            a:active 
            {
             color: #FFFFFF;  
             text-decoration: underline;
            }

        </style>

        
    </head>
    <body>
        <div class="container-fluid">
            <div class="row">
                <div id="topFrame">
                    <img src="../static/img/logo.png"/>
                    <div><a href="#"><h4>首页</h4></a></div>
                    <div><a href="#"><h4>找朋友</h4></a></div>
                    <div><a href="#"><h4>个人主页</h4></a></div>
                    <div><a href="#"><h4>后台管理</h4></a></div>
                </div>
                <div class="col-md-12" id="bodyFrame">
                    <div class="row">
                        <div id="mainFrame">
                            <div id="leftFrame">
                                <div class="btn-group-vertical btn-group-lg">

                                    <button type="button" class="btn btn-default">子管理员名单</button>
                                    <button type="button" class="btn btn-default">用戶言论</button>
                                    <button type="button" class="btn btn-default">黑名单</button>
                                </div>
                            </div>
                            <div id="rightFrame" >
                                
                            </div>
                        </div>        
                    </div>  
                </div>


                <div id="footFrame" >
                       <div style="text-align: center;"> &copy; 2014汕大交友网  </div>
                </div> 


            </div>
            
        </div>
    </body>
</html>